<style scoped>

    .layout{
        border: 1px solid #d7dde4;
        background: #f5f7f9;
        position: relative;
        border-radius: 4px;
        overflow: hidden;
        height: 100%;
    }
    .layout-logo{
        width: 100px;
        height: 30px;
        background: #f90;
        border-radius: 3px;
        float: left;
        position: relative;
        top: 15px;
        left: 20px;
    }
    .layout-header{
        height: 60px;
        background: #fff;
        box-shadow: 0 1px 1px rgba(0,0,0,.1);
    }
    .layout-copy{
        text-align: center;
        padding:15px 0;
        color: #9ea7b4;
        width:100%;
        position: absolute;
        bottom: 0;
    }
    .layout-contain{
        position: absolute;
        width:100%;
        top:60px;
        bottom: 48px;
        background-color: #ccc;
    }
    .layout-daohang{
       margin-left: 100px; 
    }
    .layout-daohang span{
        line-height: 60px;
        font-size: 18px;
        margin: 0 40px;
        cursor: pointer;
    }
    .layout-user{
        line-height: 60px;
        font-size: 18px;
        padding-left: 40px;
        margin-right: 100px;
        background:url(/src/img/user.png) no-repeat left center; 
        background-size: 30px;
        cursor: pointer;
    }
    .layout-daohang span:hover,.layout-user:hover{
        color:#457abc;
    }
</style>
<template>
    <div class="layout">

        <div class="layout-header">
            <div class="layout-logo"></div>
            <div class="layout-daohang left">
                <span>地图展示</span>
                <span>点位详情</span>
                <span>统计分析</span>
                <span>运维管理</span>
            </div>
            <div class="layout-user right">
                退出
            </div>
        </div>
        <div class="layout-contain">
            <!-- <img src="/src/img/user.png" alt=""> -->
        </div>
        <div class="layout-copy">
            2011-2016 &copy; XXXX KeJiXinXi GongSi
        </div>
    </div>
</template>
<script>
    export default {
        
    }
</script>